body, html,body .widget-body{ padding:0; background-color:#FFF;}
body, textarea, input, button, select, keygen, legend {font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";color: #000;outline: 0;}
.form-control {
  font-size: 14px;
  font-weight: normal;
  color: #333;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.form-control:focus {
  border-color: #999;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control {
	width:100%;
    font-size: 12px;
    height: 28px;
    overflow: hide;
}
.ml5 { margin-left: 5px;}
.ml10 {margin-left: 10px;}
.default-pop{ background:#fff; padding:0 20px; border-radius:8px; position:absolute;}
.default-pop .pop-title{ line-height:50px; font-size:14px; font-weight:600;}
.default-pop .close-btn{ display:block; width:30px; height: 30px; line-height:32px; text-align:center; color: #fff; background:rgba(0,0,0,0.8); border-radius: 100%; position:absolute; top:-20px; right:-20px;}
.default-pop .close-btn i{ font-size:14px;}
.default-pop .close-btn:hover{text-decoration: none; background: rgba(200,14,14,0.9);}
.default-pop .btnbar{ font-size:14px; line-height:54px; text-align:center; border-top:1px solid #ddd; position:absolute; bottom:0; left:20px; right:20px; }
.default-pop .btnbar a{ display:block; color:#2196f3;}

.default-pop.pop-blue .pop-title{ line-height:58px; font-size:16px; color:#fff; background:#0c94da; margin-left:-20px; margin-right:-20px; padding:0 20px; border-radius:8px 8px 0 0;}
.default-pop.pop-blue .close-btn{ color:#fff;}

.goods-search{width: 980px; height: 700px;}
.goods-search .section{display: flex; height: 100%; margin: 0 -20px;}
.goods-search .section .menu-left{width: 170px; background: #eaeaea; border-radius: 6px 0 0 6px;}
.goods-search .section .menu-left h4{line-height: 32px; font-size: 18px; font-weight: 800; padding: 10px 20px; margin:0px;}
.goods-search .section .menu-left li{ border-bottom: 1px solid rgba(0,0,0,0.04);}
.goods-search .section .menu-left li a{display: block; line-height: 30px; font-weight: 600; color: #555; padding: 10px 20px; font-size:1rem;}
.goods-search .section .menu-left li a:hover{text-decoration: none; background:rgba(0,0,0,0.03);}
.goods-search .section .menu-left li a.active{color: #fff; background: #79c4ff;}
.goods-search .boder1{border-bottom: 1px solid #ebebeb;}
.pb10{padding-bottom: 10px;}
.goods-search .section .content-box{flex: 1;}
.goods-search .filter-bar{position: relative; padding: 15px;}
.filter-bar .brands{line-height: 20px;}
.filter-bar .brands dt, .filter-bar .brands dd{color: #999; float: left;}
.filter-bar .brands dt{line-height: 22px; margin-right: 18px;}
.filter-bar .brands a{display: block; min-width: 22px; text-align: center; color: #2196f3; padding: 0 6px; border: 1px solid transparent; transition: all 0.2s;}
.filter-bar .brands a:hover{text-decoration: none; background: #eee; border-color: #ddd;}
.filter-bar .brands a.active{color: #f03737; border-color:#fc8484;}
.goods-search .forms{padding-bottom: 2px; position: relative;}
.goods-search .forms .form-row{zoom:1; margin-left: -4px; margin-right:-4px;}
.goods-search .forms .form-row:before, .filter-bar .forms .form-row:after { content: ""; display:table; } .filter-bar .forms .form-row:after { clear:both; overflow:hidden; }
.goods-search .forms .form-row > .items{padding-left:4px; padding-right:4px; float: left;}
.goods-search .forms .form-row > .items.col3{width: 25%;}
.goods-search .forms .form-row > .items.col6{width: 50%;}
.goods-search .forms .form-row > .items.col12{width: 100%;}

.goods-search .forms .form-element{margin-bottom: 8px; position:relative;}
.goods-search .forms .form-element label{display: block; line-height: 28px; color: #bbb; position: absolute; left: 8px; pointer-events: none;}
.goods-search .forms input[type=text]{display: block; width: 100%; height: 28px; border: 1px solid #ddd; padding: 0 8px; transition: all 0.2s;}
.goods-search .forms ::-webkit-input-placeholder{color: #bbb;}
.goods-search .forms input:focus{border-color: #b4daef;}
.goods-search .forms label + input{padding-left: 50px !important;}
.goods-search .par{padding: 10px 0;}
.goods-search .par .cue{line-height: 28px;}
.goods-search .par .form-element{width: 150px;}
.goods-search .h_goodsList{min-height: 375px; padding: 0 15px; margin-bottom: 20px;}
.h_goodsList .list-warp-title{color: #aaa;}
.h_goodsList .goods-info-row{display: flex; align-items: center;}
.h_goodsList .list-warp .goods-info-row:hover{color:#111;background: #f5f5f5;}
.h_goodsList .list-warp .goods-info-row.selected{color: #fff; background: #79c4ff;}
.h_goodsList .list-warp .goods-info-row.selected:hover{ccolor: #fff; background: #79c4ff;}
.h_goodsList .goods-info-row > .item{min-width: 80px; padding: 10px 5px; border-bottom: 1px solid rgba(0,0,0,0.08);text-align: center;}
.h_goodsList .goods-info-row > .item.g-name{flex: 1;text-align: left; }
.h_goodsList .goods-info-row > .item.g-name span{display: block; max-width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.h_goodsList .goods-info-row > .item.g-price{width: 90px;}
.h_goodsList .checkbtn{display: inline-block; color: #eee;}
.h_goodsList .checkbtn i{line-height: 16px; font-size: 14px;}
.h_goodsList .goods-info-row.active .checkbtn{color: #2196f3;}
.goods-search .checkout-bar .submit-btn{display: inline-block; line-height: 34px; font-size: 16px; color: #fff; background: #4c97ff; padding: 0 18px; border-radius: 3px;}
.goods-search .checkout-bar .cancel-btn{display: inline-block; line-height: 34px; font-size: 16px; color: #000000; background: #eaeaea; padding: 0 18px; border-radius: 3px;}
.goods-search .checkout-bar .submit-btn:hover{text-decoration: none; opacity: 0.9;}

.h_goodsList2{padding: 10px 0;}
.h_goodsList2 ul{ margin-left: 10px; margin-right: 10px;}
.h_goodsList2 li{float: left; width: 33.3333%; padding: 5px;}
.h_goodsList2 li a{display: block; height:66px; font-size: 14px; font-weight: 600; color: #555; border: 1px solid #eee; padding: 10px 10px; }
.h_goodsList2 li a:hover{text-decoration: none; background: #f5f5f5;}
.h_goodsList2 li a span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.center {text-align: center;}
.datalist-page{ text-align: right;}
.datalist>.datalist-content>.datalist-loading {display: block;width: 100%;text-align: center;line-height: 50px;}
